<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>工资明细管理</title>

    <!-- Bootstrap -->
    <link href="../../bootstrap/css/bootstrap.css" rel="stylesheet">
    <!-- <link href="../../js/plugins/table/style.css" rel="stylesheet"> -->
    <link href="../../js/plugins/progressbar/css/custom_progressbar.css" rel="stylesheet">
    <link href="../../js/plugins/autocomplete/jquery.autocomplete.css" rel="stylesheet">
    <link href="../../js/plugins/My97DatePicker/skin/WdatePicker.css" rel="stylesheet">
    <link href="../../js/plugins/artDialog/style.css" rel="stylesheet">
    <link href="../../css/common.css" rel="stylesheet">
    
    
    <script type="text/javascript" src="../../js/jquery-2.0.0.min.js"></script>
    
    <script type="text/javascript" src="../../bootstrap/js/bootstrap.js"></script>
    <script type="text/javascript" src="../../js/plugins/progressbar/custom_progressbar.js"></script>
    <script type="text/javascript" src="../../js/plugins/table/custom_table.js"></script>
    
    <script type="text/javascript" src="../../js/plugins/autocomplete/jquery.autocomplete.js"></script>
    <script type="text/javascript" src="../../js/plugins/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript" src="../../js/plugins/artDialog/jquery.artDialog.js"></script>
	<script type="text/javascript" src="../../js/plugins/artDialog/plugins/iframeTools.js"></script>
    
    <script type="text/javascript" src="../../js/common.js"></script>
    <script type="text/javascript" src="../../js/DateUtil.js"></script>
    <script type="text/javascript" src="../../js/browser.js"></script>
    <script type="text/javascript" src="./js/salaryManager.js"></script>

  </head>
<body>
  
<div class="container">
	
	<!-- <div class="page-header mt0">
	 <h1><small>员工管理</small> </h1>
	</div> -->

	<div class="row mt20">
		<div class="col-md-3 form-horizontal">
			  <div class="form-group" >
			  	<label class="col-sm-4 control-label">用户账号:</label>
				<div class="col-sm-8">
					<input type="text" class="form-control" id="user_name"placeholder="请选择用户状态"/>
				</div>
			  </div>
		</div>
		<div class="col-md-3 form-horizontal">
			  <div class="form-group" >
			  	<label class="col-sm-4 control-label">用户姓名:</label>
				<div class="col-sm-8">
					<input type="text" class="form-control" id="real_name"placeholder="请选择用户状态"/>
				</div>
			  </div>
		</div>
		<div class="col-md-3 form-horizontal">
			  <div class="form-group has-feedback" >
			  	<label class="col-sm-4 control-label">用户类型:</label>
				<div class="col-sm-8">
					<input type="hidden" id="type"/>
					<input type="text" class="form-control" id="type_name"placeholder="请选择用户状态"/>
					<span class="glyphicon glyphicon-list form-control-feedback" aria-hidden="true"></span>
				</div>
			  </div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-3 form-horizontal">
			  <div class="form-group has-feedback" >
			  	<label class="col-sm-4 control-label">员工状态:</label>
				<div class="col-sm-8">
					<input type="hidden" id="status"/>
					<input type="text" class="form-control" id="status_name" placeholder="请选择员工状态"/>
					<span class="glyphicon glyphicon-list form-control-feedback" aria-hidden="true"></span>
				</div>
			  </div>
		</div>
		<div class="col-md-2">
		  	<button type="button" id="search" class="fl center-block btn btn-primary" onclick="queryListData()">查询</button>
		  	<button type="button" id="add" class="fl ml20 center-block btn btn-primary" onclick="addUser()">新增</button>
		</div>
	</div>
	
	<hr class="mv0">
	<div class="row">
		<div class="col-md-12">
		<!--表格 begin-->
		<div id="mainform" >
		<table id="listDataTable" width="100%" border="0" cellspacing="0" cellpadding="0" class="table table-hover table-striped mt10 mb0">
		<thead>
		  <tr>
		    <th>用户账号</th>
		    <th>用户姓名</th>
		    <th>用户类型</th>
		    <th>联系方式</th>
		    <th>身份证号</th>
		    <th>状态</th>
		    <th>操作</th>
		  </tr>
		 </thead> 
		<tbody id="listDataTableTbody"></tbody>
		</table>
		<!--分页 begin-->
		<div id="listDataTablePageDiv" class="page"></div>	
		</div>
		</div>
	</div>
</div>
</body>
</html>